.body {
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}

.header-top {
    position: absolute;
    width: 100%;
    line-height: 50px;
    left: 0px;
    top: 0px;


    background: #1EAEFF;
}

.header-mid {
    position: absolute;
    width: 1062px;
    line-height: 114px;
    left: 189px;
    top: 50px;

    background: #14C5C5;
}

.nav {
    position: absolute;
    width: 225px;
    line-height: 363px;
    left: 189px;
    top: 163px;

    background: #F3BF34;
}

.section-mid {
    position: absolute;
    width: 837px;
    line-height: 363px;
    left: 414px;
    top: 163px;

    background: #FA7F4B;
}

.aside {
    position: absolute;
    width: 67px;
    line-height: 289px;
    right: 0;
    top: 221px;

    background: #9497E8;
}

.section-bottom {
    position: absolute;
    width: 1062px;
    line-height: 169px;
    left: 189px;
    top: 550px;

    background: #87CF2B;
}